<script setup lang="ts">
//
</script>

<template>
  <view class="body-box">
    <view class="img-box flex-box-display">
      <!-- <image src="@/static/images/submit.png" class="image" /> -->
    </view>
    <view class="title">提交成功~</view>
    <view class="text">您的认证信息已成功提交</view>
    <view class="text">审核结果会及时向您反馈</view>
    <button class="button">返 回</button>
  </view>
</template>

<style lang="scss" scoped>
//
page {
  background-color: #F7FBFF;
}

.body-box {
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 160rpx 60rpx;

  .img-box {
    width: 160rpx;
    height: 160rpx;
    margin-bottom: 40rpx;
    border-radius: 80rpx;
    background: linear-gradient(89.54deg, rgba(191, 1, 3, 1) 0.69%, rgba(255, 84, 2, 1) 99.31%);
    box-shadow: 0rpx 10rpx 10rpx 0rpx rgba(0, 0, 0, 0.1);
    border: 0rpx solid rgba(187, 187, 187, 1);

    .image {
      width: 80rpx;
      height: 80rpx;
    }
  }

  .title {
    margin-bottom: 20rpx;
    color: rgba(0, 0, 0, 1);
    font-size: 32rpx;
  }

  .text {
    margin-bottom: 8rpx;
    color: rgba(16, 16, 16, 1);
    font-size: 28rpx;
  }

  .button {
    width: 100%;
    height: 100rpx;
    margin-top: 80rpx;
    border-radius: 20rpx;
    background-color: rgba(255, 255, 255, 1);
    color: rgba(79, 79, 79, 1);
    font-size: 28rpx;
    text-align: center;
    border: 2rpx solid rgba(79, 79, 79, 1);
  }
}
</style>
